<script lang="ts" setup>
defineProps<{
    icon: string
    name: string
    btnText: string
}>()

defineEmits<{
    (e: 'click'): void
}>()
</script>

<template>
    <view mx-2 style="box-shadow: 0 0 10rpx 0 #d5d5d5" w-175 h-200 center flex-col rounded>
        <image w-83 h-83 :src="`/static/images/icons/video/detail/${icon}.png`"/>
        <text text="16 #666" mt-1 mb-2>
            {{ name }}
        </text>
        <button text="18 #4d555d" w-100 bg-white leading-4 p-0 @click="$emit('click')">
            {{ btnText }}
        </button>
    </view>
</template>
